<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/index.css">
    <title>21cake</title>
    <script src="index.js"></script>
</head>

<body>
    <div class="touyy">
        <div class="tou">
            <div class="left"></div>
            <div class="main">
                <ul>
                    <li>首页</li>
                    <li>蛋糕</li>
                    <li>面包</li>
                    <li>冰淇淋</li>
                    <li>咖啡下午茶</li>
                    <li>咖啡全国送</li>
                    <li>企业专区</li>
                </ul>
            </div>
            <div class="right">
                <ul>
                    <li class="appxiala">APP下载
                        <div class="righterweima">
                            <div class="ewm"></div>
                            <div class="ewmtext">下载享更多优惠</div>
                        </div>
                    </li>
                    <li class="cityxiala">北京<span></span>
                        <ul class="city">
                            <li>上海</li>
                            <li>南京</li>
                            <li>NJ</li>
                            <li>台湾</li>
                            <li>NJ</li>
                            <li>南京</li>
                            <li>上海</li>
                        </ul>
                    </li>
                    <li class="tzxiala">消息
                        <ul class="tz">
                            <li>通知</li>
                            <li>物流</li>
                        </ul>
                    </li>
                    <li>登录/注册</li>
                    <li><img src="images/mark.png" alt="" style="margin-top:-5px;"></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="banner" id="banner">
        <ul class="dian">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <div class="line" id="line"></div>
    </div>

    <div class="body1" id="body1">
        <!-- <div class="body1img">
            <img src="images/new.jpg" alt="">
        </div>
        <div class="body1img">
            <img src="images/birthday.png" alt="">
        </div>
        <div class="body1img">
            <img src="images/child.png" alt="">
        </div>
        <div class="body1img">
            <img src="images/party.png" alt="">
        </div> -->
        <!-- <div class="body1img">
            <img src="images/active.png" alt="">
        </div> -->
    </div>



    <div class="body2">
        <h4>新品<span>/</span><span>专区</span></h4>
        <div class="body2img"></div>
        <ul class="body2ul">
            <li>
                <div class="food"></div>
                <h6>草莓奶油蛋糕</h6>
                <p>甜润奶油，与草莓的自然甜度搭配</p>
                <div class="biaoshi">
                    <div class="biaoshi1">情侣 ></div>
                    <div class="biaoshi1">人气 ></div>
                    <div class="biaoshi1">情人节 ></div>
                </div>
                <div class="pay">
                    <span class="payspan1">¥228.00/2.0磅</span><span class="payspan2">加入购物车</span>
                </div>
            </li>
            <li>
                <div class="food"></div>
                <h6>草莓奶油蛋糕</h6>
                <p>甜润奶油，与草莓的自然甜度搭配</p>
                <div class="biaoshi">
                    <div class="biaoshi1">情侣 ></div>
                    <div class="biaoshi1">人气 ></div>
                    <div class="biaoshi1">情人节 ></div>
                </div>
                <div class="pay">
                    <span class="payspan1">¥228.00/2.0磅</span><span class="payspan2">加入购物车</span>
                </div>
            </li>
            <li>
                <div class="food"></div>
                <h6>草莓奶油蛋糕</h6>
                <p>甜润奶油，与草莓的自然甜度搭配</p>
                <div class="biaoshi">
                    <div class="biaoshi1">情侣 ></div>
                    <div class="biaoshi1">人气 ></div>
                    <div class="biaoshi1">情人节 ></div>
                </div>
                <div class="pay">
                    <span class="payspan1">¥228.00/2.0磅</span><span class="payspan2">加入购物车</span>
                </div>
            </li>
            <li>
                <div class="food"></div>
                <h6>草莓奶油蛋糕</h6>
                <p>甜润奶油，与草莓的自然甜度搭配</p>
                <div class="biaoshi">
                    <div class="biaoshi1">情侣 ></div>
                    <div class="biaoshi1">人气 ></div>
                    <div class="biaoshi1">情人节 ></div>
                </div>
                <div class="pay">
                    <span class="payspan1">¥228.00/2.0磅</span><span class="payspan2">加入购物车</span>
                </div>
            </li>
        </ul>
    </div>
    <div class="body2">
        <h4>生日<span>/</span><span>专区</span></h4>
        <div class="body2img2"></div>
        <ul class="body2ul">
            <li>
                <div class="food"></div>
                <h6>草莓奶油蛋糕</h6>
                <p>甜润奶油，与草莓的自然甜度搭配</p>
                <div class="biaoshi">
                    <div class="biaoshi1">情侣 ></div>
                    <div class="biaoshi1">人气 ></div>
                    <div class="biaoshi1">情人节 ></div>
                </div>
                <div class="pay">
                    <span class="payspan1">¥228.00/2.0磅</span><span class="payspan2">加入购物车</span>
                </div>
            </li>
            <li>
                <div class="food"></div>
                <h6>草莓奶油蛋糕</h6>
                <p>甜润奶油，与草莓的自然甜度搭配</p>
                <div class="biaoshi">
                    <div class="biaoshi1">情侣 ></div>
                    <div class="biaoshi1">人气 ></div>
                    <div class="biaoshi1">情人节 ></div>
                </div>
                <div class="pay">
                    <span class="payspan1">¥228.00/2.0磅</span><span class="payspan2">加入购物车</span>
                </div>
            </li>
            <li>
                <div class="food"></div>
                <h6>草莓奶油蛋糕</h6>
                <p>甜润奶油，与草莓的自然甜度搭配</p>
                <div class="biaoshi">
                    <div class="biaoshi1">情侣 ></div>
                    <div class="biaoshi1">人气 ></div>
                    <div class="biaoshi1">情人节 ></div>
                </div>
                <div class="pay">
                    <span class="payspan1">¥228.00/2.0磅</span><span class="payspan2">加入购物车</span>
                </div>
            </li>
            <li>
                <div class="food"></div>
                <h6>草莓奶油蛋糕</h6>
                <p>甜润奶油，与草莓的自然甜度搭配</p>
                <div class="biaoshi">
                    <div class="biaoshi1">情侣 ></div>
                    <div class="biaoshi1">人气 ></div>
                    <div class="biaoshi1">情人节 ></div>
                </div>
                <div class="pay">
                    <span class="payspan1">¥228.00/2.0磅</span><span class="payspan2">加入购物车</span>
                </div>
            </li>
        </ul>
    </div>
    <div class="body2">
        <h4>儿童<span>/</span><span>专区</span></h4>
        <div class="body2img3"></div>
        <ul class="body2ul">
            <li>
                <div class="food"></div>
                <h6>草莓奶油蛋糕</h6>
                <p>甜润奶油，与草莓的自然甜度搭配</p>
                <div class="biaoshi">
                    <div class="biaoshi1">情侣 ></div>
                    <div class="biaoshi1">人气 ></div>
                    <div class="biaoshi1">情人节 ></div>
                </div>
                <div class="pay">
                    <span class="payspan1">¥228.00/2.0磅</span><span class="payspan2">加入购物车</span>
                </div>
            </li>
            <li>
                <div class="food"></div>
                <h6>草莓奶油蛋糕</h6>
                <p>甜润奶油，与草莓的自然甜度搭配</p>
                <div class="biaoshi">
                    <div class="biaoshi1">情侣 ></div>
                    <div class="biaoshi1">人气 ></div>
                    <div class="biaoshi1">情人节 ></div>
                </div>
                <div class="pay">
                    <span class="payspan1">¥228.00/2.0磅</span><span class="payspan2">加入购物车</span>
                </div>
            </li>
            <li>
                <div class="food"></div>
                <h6>草莓奶油蛋糕</h6>
                <p>甜润奶油，与草莓的自然甜度搭配</p>
                <div class="biaoshi">
                    <div class="biaoshi1">情侣 ></div>
                    <div class="biaoshi1">人气 ></div>
                    <div class="biaoshi1">情人节 ></div>
                </div>
                <div class="pay">
                    <span class="payspan1">¥228.00/2.0磅</span><span class="payspan2">加入购物车</span>
                </div>
            </li>
            <li>
                <div class="food"></div>
                <h6>草莓奶油蛋糕</h6>
                <p>甜润奶油，与草莓的自然甜度搭配</p>
                <div class="biaoshi">
                    <div class="biaoshi1">情侣 ></div>
                    <div class="biaoshi1">人气 ></div>
                    <div class="biaoshi1">情人节 ></div>
                </div>
                <div class="pay">
                    <span class="payspan1">¥228.00/2.0磅</span><span class="payspan2">加入购物车</span>
                </div>
            </li>
        </ul>
    </div>
    <div class="body2">
        <h4>聚会<span>/</span><span>专区</span></h4>
        <div class="body2img4"></div>
        <ul class="body2ul">
            <li>
                <div class="food"></div>
                <h6>草莓奶油蛋糕</h6>
                <p>甜润奶油，与草莓的自然甜度搭配</p>
                <div class="biaoshi">
                    <div class="biaoshi1">情侣 ></div>
                    <div class="biaoshi1">人气 ></div>
                    <div class="biaoshi1">情人节 ></div>
                </div>
                <div class="pay">
                    <span class="payspan1">¥228.00/2.0磅</span><span class="payspan2">加入购物车</span>
                </div>
            </li>
            <li>
                <div class="food"></div>
                <h6>草莓奶油蛋糕</h6>
                <p>甜润奶油，与草莓的自然甜度搭配</p>
                <div class="biaoshi">
                    <div class="biaoshi1">情侣 ></div>
                    <div class="biaoshi1">人气 ></div>
                    <div class="biaoshi1">情人节 ></div>
                </div>
                <div class="pay">
                    <span class="payspan1">¥228.00/2.0磅</span><span class="payspan2">加入购物车</span>
                </div>
            </li>
            <li>
                <div class="food"></div>
                <h6>草莓奶油蛋糕</h6>
                <p>甜润奶油，与草莓的自然甜度搭配</p>
                <div class="biaoshi">
                    <div class="biaoshi1">情侣 ></div>
                    <div class="biaoshi1">人气 ></div>
                    <div class="biaoshi1">情人节 ></div>
                </div>
                <div class="pay">
                    <span class="payspan1">¥228.00/2.0磅</span><span class="payspan2">加入购物车</span>
                </div>
            </li>
            <li>
                <div class="food"></div>
                <h6>草莓奶油蛋糕</h6>
                <p>甜润奶油，与草莓的自然甜度搭配</p>
                <div class="biaoshi">
                    <div class="biaoshi1">情侣 ></div>
                    <div class="biaoshi1">人气 ></div>
                    <div class="biaoshi1">情人节 ></div>
                </div>
                <div class="pay">
                    <span class="payspan1">¥228.00/2.0磅</span><span class="payspan2">加入购物车</span>
                </div>
            </li>
        </ul>
    </div>

    <div class="body3">
        <h4>活动门<span>/</span><span>是被吸引了吧</span></h4>
        <div class="body3img"></div>
    </div>
    <div class="body4">
        <h4>廿一客<span>/</span><span>文章</span></h4>
        <h3>查看更多 ></h3>
        <ul class="body4ul">
            <li>
                <div class="body4img"></div>
                <h4>冬季刊·进博会</h4>
                <p>
                    阅读全文 >>
                </p>
            </li>
            <li>
                <div class="body4img1"></div>
                <h4>廿一志秋刊·客服Q&A</h4>
                <p>
                    阅读全文 >>
                </p>
            </li>
        </ul>
    </div>

    <div class="footer">
        <img src="images/footer-logo.png" alt="" class="footer">
        <div class="footernav">
            <a href="">联系我们</a><span>|</span>
            <a href="">订购帮助</a><span>|</span>
            <a href="">企业合作</a><span>|</span>
            <a href="">生产经营资质</a><span>|</span>
            <a href="">公告专区</a>
        </div>
        <div class="footericon">
            <div class="weibo"></div>
            <div class="weixin">
                <div class="wxsl">
                    <div class="wxslewm"></div>
                </div>
            </div>
            <div class="APP">APP
                <div class="appsl">
                    <div class="appslewm"></div>
                </div>
            </div>
        </div>
        <div class="footertext">
            <span>订购专线：400 650 2121（服务时间 08:00–22:00）</span>
            <span>客服电话：021-23099721（全国） | kefu@21cake.com（邮箱）</span>
            <span>杭州/广州：提前5小时预订；北京：提前6小时预订；上海：提前5.5-6小时预订；天津/苏州/无锡/深圳：提前8小时预订（部分偏远地区除外，当日22点以后订单，于次日8点开始审核） </span>
            <span>当日蛋糕配送截止下单时间：北京：16:50；上海：16:30；杭州/广州：13:50；天津：10:30；苏州/无锡/深圳：11:00</span>
            <span>网站注册公司名称: 北京廿一客食品有限公司 地址: 北京市北京经济技术开发区兴海二街5号院3号楼 </span>
        </div>
        <div class="footercopy">
            <span>Copyright© 21Cake蛋糕官网商城 2007-2018, 版权所有 </span>
            <span>京ICP备14006254号-1</span>
        </div>
    </div>
</body>

</html>